/*
	spElement.css
*/

.formBuilderSubtitle
{
	/*color : silver;
	*/
	color : #A7A6A8;
}

.formBuilderTable td
{
	width : 200px;
	font-size: 14px;
	vertical-align:text-top;
}

.formbuilderGroupContainer
{
	padding: 5px;
	margin: 5px;
}

.formBuilderTable textarea
{
	width : 200px;
}

.formBuilderTable label
{
	display: block;
}

.formBuilderTable input[type="checkbox"]
{
	vertical-align: middle !important;
}

.formBuilderTable select
{
	/* margin-bottom: 5px !important; */
}

.formBuilderRequired
{
	color:red;
}

/*
*/

#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }

#sortable li
{
	margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em;
}

html>body #sortable li { height: 1.5em; line-height: 1.2em; }

.ui-state-highlight { height: 1.5em; line-height: 1.2em; }

.spFormComponents td
{
	vertical-align: top !important;
}

.spFormComponents td:first-child
{
	width: 150px;
}

.spFormComponents td:first-child + td
{
	width: 350px;
}

.compContainer
{
	border: dotted 1px black;
	padding: 2px;
	margin-right: 2px;
}

.compContainerTitle
{
	border: solid 2px black;
	padding: 2px;
	width: 160px !important;
	margin-right: 2px;
	/* height: 16px; */
}

.compContainerName
{
	color : gray;
	padding: 4px;
/*	width: 150px; */
	margin-right: 2px;
}

.spSortableContainer
{
	border : dotted 2px black;
	padding: 2px;
	min-height: 100px !important;
}

.componentDiv
{
	border : dotted 1px black;
	width: 300px;
	height: 20px;
}

.spPropertySheetTable
{
	border-collapse:collapse;
	border : solid 1px black;
}

.spPropertySheetTable td
{
	border : solid 1px black;
	padding : 3px;
}

.spsql_error
{
	border : red solid 1px;
	background-color : #FFEBE8;
	padding: 5px;
	margin: 10px;
}

.spInputCheckbox 
{
	margin-right: 5px !important;
}

.spclear
{
	clear : both;
}

.CSSTableGenerator {
width:100%;
border-spacing:0px;

margin:0px;padding:0px;
/*width:100%;	
box-shadow: 10px 10px 5px #888888;
*/
border:1px solid #000000;

-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;

-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;

-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;

-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}

.CSSTableGenerator table{
width:100%;
height:100%;
margin:0px;padding:0px;
}

.CSSTableGenerator tr:last-child td:last-child {
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;
}

.CSSTableGenerator table tr:first-child td:first-child {
-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;
}

.CSSTableGenerator tr:last-child td:first-child{
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;
}

.CSSTableGenerator tr:hover td{

}

.CSSTableGenerator tr:nth-child(odd){ background-color:#e5e5e5; }

.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }

.CSSTableGenerator td{
vertical-align:middle;


border:1px solid #000000;
border-width:0px 1px 1px 0px;
text-align:left;
padding:7px;
font-size:12px;
font-family:arial;
font-weight:normal;
color:#000000;
}.CSSTableGenerator tr:last-child td{
border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);
background-color:#cccccc;
border:0px solid #000000;
text-align:center;
border-width:0px 0px 1px 1px;
font-size:14px;
font-family:arial;
font-weight:bold;
color:#000000;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);
background-color:#cccccc;
}
.CSSTableGenerator tr:first-child td:first-child{
border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
border-width:0px 0px 1px 1px;
}


/*
floating menu
*/

#floatMenu {
	position:absolute;
	top:30%;
	right:10px;
	width:135px;
	background-color:#FFF;
	margin:0;
	padding:0;
	font-size:11px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
 
#floatMenu h3 {
	color:white;
	font-weight:bold;
	padding:3px;
	margin:0;
	background-color:#006;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	font-size:13px;
	text-align:center;
}
 
#floatMenu ul {
	margin:0;
	padding:0;
	list-style:none;
}
 
#floatMenu ul li {
	padding-left:10px;
	background-color:#f5f5f5;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
}
 
#floatMenu ul li a {
	text-decoration:none;
}